﻿<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>大猩猩的乐园</title>
    <link type="text/css" rel="Stylesheet" href="js/sunny/themes/sunny/jquery-ui-1.7.2.custom.css" />
    <style type="text/css">
    .highlight{
        background-color:#D1E1FF
    }
    .lowlight{
        background-color:#D155D1    
    }
    </style>
    <script src="js/My97DatePicker/WdatePicker.js" type="text/javascript"></script>
    <script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
    <script src="js/jquery-ui-1.7.2.custom.min.js" type="text/javascript"></script>
    <script src="js/jquery.extension.by.leif.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function() {
            $("#btn_a").click(function() { $("#btn_c").ldisable(); });
            $("#btn_b").click(function() { $("#btn_c").lenable(); });
            $("p").lhover('highlight');
            $("p").ltoggle('lowlight');
            $("#selall").click(function() { $("#selall").lcheck('.team'); });
            alert($.lbrowser());
        });
    </script>
</head>
<body style="text-align:center;background-color:#AAAAAA">
    <div style="text-align:center;background-color:#D1EFFF">
         <input id="btn_a" type="button" value="make buttonC disabled" />
         <input id="btn_b" type="button" value="make buttonC enabled" />
         <input id="btn_c" type="button" value="I'm buttonC" />
    </div>
    <p>hover on me, I can change my color</p>
    <p>hover on me, I can change my color too!</p>
    <p id="c"></p>
    <input type="checkbox" id="selall" title="全选" />
    <input type="checkbox" class="team" title="A" />
    <input type="checkbox" class="team" title="B" />
    <input type="checkbox" class="team" title="C" />
</body>
</html>
